<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script>
     function answer(){
         //根据元素id，得到元素对象
        //定义变量采用var关键字
         var spanObj = document.getElementById("infoSpan");
         //innerHTML表示设置标签中间的文本
         spanObj.innerHTML = "两头牛";
         //设置元素对象的样式
         spanObj.style.color = "red";
         //如果在样式中有“-”，应该去掉“-”，采用驼峰命名
         spanObj.style.backgroundColor = "yellow";
     }
  </script>
</head>
<body>
    <input type="button" value="一头公牛加一头母牛是哪个三个字"
           onclick="answer()">
    <span id="infoSpan"></span>

</body>
</html>
